<template>
  <div class="Welcome_box">
    <el-dialog
      v-model="dialogVisible"
      title="选择已有欢迎语"
      width="50%"
      class="custom-class"
      :before-close="handleClose"
    >
      <div class="header">
        欢迎语搜索
        <el-input
          v-model="value"
          size="small"
          placeholder="输入欢迎语进行搜索"
          style="width: 150px"
        />
      </div>
    </el-dialog>
  </div>
</template>

<script lang="ts" setup>
import { ref } from "vue";
import { ElMessageBox } from "element-plus";
import { Search } from "@element-plus/icons-vue";

const dialogVisible = ref(false);
const value = ref("");
const tableData = ref([]);
// 获取文件列表

const handleClose = (done: () => void) => {
  ElMessageBox.confirm("Are you sure to close this dialog?")
    .then(() => {
      done();
    })
    .catch(() => {
      // catch error
    });
};
defineExpose({
  dialogVisible,
});
</script>
<style scoped>
.dialog-footer button:first-child {
  margin-right: 10px;
}
.Welcome_box {
  border-bottom: 10px solid #cccccc;
}
</style>
